@minColor:#59ce2a;//主色调
@minDeepCol:#33b818;
@bgColor:#f0f0f0;//背景色
@minFontCol:#333333;//
@secondaryFontCol:#999999;
@excessiveFontCol:#666666;
@allBorderCol:#d3d3d3;
@tableChangeCol:#f4f4f4;
@chackFontCol:#2ecc71;
@aColor:#17a0e8;
@specialFontCol:#da4937;
@inputHeight:30px;
@checkboxWidth:15px;
@checkboxHeight:15px;
@theadTdHeight:40px;
@tbodyTdHeight:30px; 
@btnWidth:80px;
@btnHeight:30px;
@fontWhite:#fff;
@inputBorderCol:#d8d8d8;
@headerBorderCol:#2db015;
@trHoverCol:#d9ecd5;
//表格的样式复写(按需求可复写)
table{
    width: 100%;border:none;
    td{color: @minFontCol;border:1px solid @allBorderCol;text-align: center;}
    thead td,thead th{height: 40px;background: @tableChangeCol;line-height: 40px;text-align:center;}
    tbody td{height: 30px;line-height: 30px;font-size: .875rem;}
    a{text-decoration: none;color: @minColor;}
    tbody tr:nth-of-type(even){background: @tableChangeCol;}
    tbody tr{cursor: pointer;}
    tbody tr:hover{background: @trHoverCol;}
}

//分页区
/*分页的运用需要注意三点：1，table需要独立有一个容器，且分页不在table的容器中;
                    2，分页需要和table的容器共在一个容器内且公共容器又宽高方便定位;
                    3，公共容器需要设置相对定位。*/
//遵循上面规则之后，直接写页面元素并遵循下类样式的规则直接引类名就可以有效果
.pg{
    font-size: .875rem;width: 100%;text-align: right;height: 20%;clear: both;background: @bgColor;padding-left: 10px;position: absolute;bottom: 0;padding-top: 10px;
    //左侧的提示文字区
    .tip{
        float: left;position: relative;top: 10px;
        i{font-style: normal;}
    }
    //右侧的样式
    a{text-decoration: none;color: @minFontCol;}
    a:hover{color: @secondaryFontCol;}
    input{width: 35px !important;height: 35px !important;background: @bgColor;position: relative;top: 3px;}
    .btn{width: 35px;height: 35px;line-height:35px;font-size: .875rem;border: 1px solid @allBorderCol;padding: 0;background: @bgColor;}
    .btn:nth-of-type(1){background: @minColor;border: none;color: @fontWhite;}
    .jump{border: 1px solid @minColor;color: @minColor;}
}